.user-img{
	width: 100%;
	height: 300px;
	display: block;
	margin-bottom: 10px;
}
.mui-scroll img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 5px 10px;
}
.mui-segmented-control.mui-scroll-wrapper{
	height: 160px;
}
.mui-scroll-wrapper{
	position: relative;
	height: 300px;
}
.mui-content .name,
.mui-content .title{
	text-align: center;
	padding: 10px 0;
}
.mui-content .name{
	border-bottom: 1px solid #ddd;
}
.divider{
	margin:10px 0;
}
.bg-white{
	background: #fff;
}
.info{
	padding: 10px 10px;
}
.info p{
	text-indent: 2em;
}
.preview-img{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	z-index: 999;
	text-align: center;
	color: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.preview-img img{
	width: 100%;
}
